<template>
  <div>
    <div class="demo-drawer-profile">
      <Row>
        <Col span="12">
          日志编号: {{ row.id }}
        </Col>
        <Col span="12">
          系统模块: {{ row.appName }}/{{row.moduleName}}
        </Col>
      </Row>
      <Row>
        <Col span="12">
          请求方式:
          <Tag color="purple">{{ row.method }}</Tag>
        </Col>
        <Col span="12">
          操作人员: {{ row.user }}
        </Col>
      </Row>
      <Row>
        <Col span="12">
          操作地址: {{ row.ip }}
        </Col>
        <Col span="12">
          操作地点: {{ row.address }}
        </Col>
      </Row>
    </div>
    <Divider/>

    <div class="demo-drawer-profile">
      <Row>
        <Col span="24">
          请求地址: {{ row.url }}
        </Col>
      </Row>
      <Row>
        <Col span="24">
          请求方法: {{ row.methodName }}
        </Col>
      </Row>

      <Row>
        <Col span="24">
          请求参数: {{ row.args }}
        </Col>
      </Row>


      <Row>
        <Col span="24">
          返回参数: {{ row.resultText }}
        </Col>
      </Row>
    </div>
    <Divider/>
    <div class="demo-drawer-profile">
      <Row>
        <Col span="12">
          操作时间: {{ row.createTime }}
        </Col>
        <Col span="12"> <!-- 失败颜色可以绑定为 error -->
          操作状态:
          <Tag :color="row.state? 'green': 'error'">{{ row.state }}</Tag>
        </Col>
      </Row>
      <Row>
        <Col span="32">
          异常信息: {{row.errorText }}
        </Col>
      </Row>
    </div>
  </div>
</template>
<script>
export default {
  props: ["row"],
  data() {
    return {
      value: false,
      pStyle: {
        fontSize: '16px',
        color: 'rgba(0,0,0,0.85)',
        lineHeight: '24px',
        display: 'block',
        marginBottom: '16px'
      }
    }
  }
}
</script>
<style>
.demo-drawer-profile {
  font-size: 14px;
}

.demo-drawer-profile .ivu-col {
  margin-bottom: 12px;
}

.ivu-row {
  margin-bottom: 20px;
}
</style>
